<!DOCTYPE html>
<html prefix="
og: http://ogp.me/ns#
article: http://ogp.me/ns/article#
" lang="zh_cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>galleries | vincent blog</title>
<link href="../assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="../rss.xml">
<link rel="canonical" href="https://wisonwang.github.io/galleries/">
<!--[if lt IE 9]><script src="/assets/js/html5.js"></script><![endif]--><link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<style type="text/css">
    .image-block {
        display: inline-block;
    }
    .flowr_row {
        width: 100%;
    }
    </style>
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
</head>
<body>
    <section class="social"><ul>
<li><a href="../index.html" title="Home"><i class="icon-home"></i></a></li>
            <li><a href="../archive.html" title="文章存档"><i class="icon-archive"></i></a></li>
            <li><a href="../categories/" title="标签"><i class="icon-tags"></i></a></li>
            <li><a href="../pages/about" title="About"><i class="icon-about"></i></a></li>
            <li><a href="../rss.xml" title="RSS 源"><i class="icon-rss"></i></a></li>
            <li><a href="https://twitter.com/wisonwang" title="My Twitter"><i class="icon-twitter"></i></a></li>
            <li><a href="https://github.com/wisonwang" title="My Github"><i class="icon-github"></i></a></li>

        </ul></section><section class="page-content"><div class="content" rel="main">
    <nav class="breadcrumbs"><ul class="breadcrumb">
<li>galleries</li>
</ul></nav><h1>galleries</h1>
    <ul>
<li><a href="demo/"><i class="icon-folder-open"></i> Nikola Tesla</a></li>
    </ul>
<div id="gallery_container"></div>
                     <footer id="footer"><p>Contents © 2020         <a href="mailto:fangfu2012@gmail.com">vincent wang</a> - Powered by         <a href="https://getnikola.com" rel="nofollow">Nikola</a>         </p>
            
        </footer>
</div>
    </section><script src="../assets/js/all-nocdn.js" type="text/javascript"></script><script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script><script type="text/x-mathjax-config">
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$latex ','$'], ['\\(','\\)']]}});
    </script><script src="../assets/js/flowr.js"></script><script>
jsonContent = [];
flowr(document.querySelectorAll("#gallery_container")[0], {
        data : jsonContent,
        height : 180*.6,
        padding: 5,
        rows: -1,
        render : function(params) {
            // Just return a div, string or a dom object, anything works fine
            var img = document.createElement("img");
            img.setAttribute('src', params.itemData.url_thumb);
            img.setAttribute('width', params.width);
            img.setAttribute('height', params.height);
            img.setAttribute('alt', params.itemData.title);
            img.style.maxWidth = '100%';
            link = document.createElement("a");
            link.setAttribute('href', params.itemData.url);
            link.setAttribute('class', 'image-reference');
            div = document.createElement("div");
            div.setAttribute('class', 'image-block');
            div.setAttribute('title', params.itemData.title);
            div.setAttribute('data-toggle', "tooltip")
            link.append(img);
            div.append(link);
            //div.hover(div.tooltip());
            return div;
        },
        itemWidth : function(data) { return data.size.w; },
        itemHeight : function(data) { return data.size.h; },
        complete : function(params) {
            if( jsonContent.length > params.renderedItems ) {
                nextRenderList = jsonContent.slice( params.renderedItems );
            }
        }
    });
    baguetteBox.run('#gallery_container', {
        captions: function(element) {
            return element.getElementsByTagName('img')[0].alt;
    }});
</script>
</body>
</html>
